<!doctype html>
<html class="no-js">
	<head>
		<meta charset="utf-8">
		<title>Calculator!!!!</title>
		<link href="calccss.css" rel="stylesheet">
		<link href=".\dist\css\bootstrap.min.css" rel="stylesheet">
		<script src="calculator.js"></script>
	</head>
	<body>
    <script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.1/jquery.min.js"></script>
    <!-- Include all compiled plugins (below), or include individual files as needed -->
    <script src=".\dist\js\bootstrap.min.js"></script>
<div class="css-shapes-preview">
<h1>
	<h2>
		Calculator
<p>
<form class = "frm" name="calculator" >
	<input type="textfield" size="10" id = "solutionfield"name="ans" value="">
	</form>
</p>
<p>
<button class="lft btn btn-sm btn-warning" type="button" id="cell<-" value="<-" onClick="backspace()"><-</button>
<button class="btn btn-sm btn-warning" type="button" id="cellCE" value="CE" onClick="setDefault()">CE</button>
<button class="btn btn-sm btn-warning" type="button" id="cellC" value="1/x" onClick="inverse()">1/x</button>
<button class="btn btn-sm btn-danger" type="button" id="cell√" value="√" onClick="sqrt()">√</button>
</p>
<p>
<button class="lft btn btn-sm btn-warning" type="button" id="cell1" value="1" onClick="increase(this)">1</button>
<button class="btn btn-sm btn-warning" type="button" id="cell2" value="2" onClick="increase(this)">2</button>
<button class="btn btn-sm btn-warning" type="button" id="cell3" value="3" onClick="increase(this)">3</button>
<button class="btn btn-sm btn-danger" type="button" id="cell-" value="+" onClick="increase(this)">+</button>
</p>
<p>
<button class="lft btn btn-sm btn-warning" type="button" id="cell4" value="4" onClick="increase(this)">4</button>
<button class="btn btn-sm btn-warning" type="button" id="cell5" value="5" onClick="increase(this)">5</button>
<button class="btn btn-sm btn-warning" type="button" id="cell6" value="6" onClick="increase(this)">6</button>
<button class="btn btn-sm btn-danger" type="button" id="cell-" value="-" onClick="increase(this)">-</button>
</p>
<p>
<button class="lft btn btn-sm btn-warning" type="button" id="cell7" value="7" onClick="increase(this)">7</button>
<button class="btn btn-sm btn-warning" type="button" id="cell8" value="8" onClick="increase(this)">8</button>
<button class="btn btn-sm btn-warning" type="button" id="cell9" value="9" onClick="increase(this)">9</button>
<button class="btn btn-sm btn-danger" type="button" id="cell*" value="*" onClick="increase(this)">*</button>
</p>
<p>
<button class="lft btn btn-sm btn-warning" type="button" id="cell0" value="0" onClick="increase(this)">0</button>
<button class="btn btn-sm btn-warning" type="button" id="cell." value="." onClick="increase(this)">.</button>
<button class="btn btn-sm btn-success" type="button" id="cell=" value="=" onClick="equals()">=</button>
<button class="btn btn-sm btn-danger" type="button" id="cell/" value="/" onClick="increase(this)">/</button>
</p>
</h2>
</div>
</h1>
	</body>
</html>